<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>HOME</title>
	
	<!--[[  PhoneGap -->
	
	<link rel="stylesheet" href="../../js/phonegap/master.css" type="text/css" media="screen" title="no title" charset="utf-8">
	<script type="text/javascript" charset="utf-8" src="../../js/phonegap/phonegap-1.2.0.js"></script>
	 <script type="text/javascript" charset="utf-8" src="../../js/phonegap/main.js"></script>
	
	<!--[[  Hybrid 베이스-->
	<script type="text/javascript" src="../../js/hybrid/hybrid.class.js"></script>
	<script type="text/javascript" src="../../js/hybrid/hybrid.common.js"></script>
	<!-- ]] -->
	
	<link rel="stylesheet"  href="../../css/iscroll.css" />
	<script type="application/javascript" src="../../js/ext_js/iscroll-lite.js?v4"></script>
		
	<!--[[  JQuery Mobile -->
	<link rel="stylesheet"  href="../../js/jqm/jquery.mobile-1.0rc3.min.css" />
	<script src="../../js/jqm/jquery.js"></script>
	<script src="../../js/jqm/jquery.mobile-1.0rc3.min.js"></script>
	<!-- ]] -->
	
	<script src="../../js/common/index.js"></script>
	
	<script src="../../js/common/database.js"></script>
	<script src="../../js/hybrid/testCmd.js"></script>
	
	<script type="text/javascript">
		$("#hybrid-call2").live('tap',
        	function(e) {
        		window.plugins.testCmd.hellow(
					function(r){alert(r)},
					function(e){alert(e)}
				);
       	 	}
    	)
    	
    	$("#hybrid-call1").live('tap',
        	function(e) {
        	 	var networkState = navigator.network.connection.type;

    			var states = {};
    			states[Connection.UNKNOWN]  = 'Unknown connection';
    			states[Connection.ETHERNET] = 'Ethernet connection';
    			states[Connection.WIFI]     = 'WiFi connection';
    			states[Connection.CELL_2G]  = 'Cell 2G connection';
    			states[Connection.CELL_3G]  = 'Cell 3G connection';
    			states[Connection.CELL_4G]  = 'Cell 4G connection';
    			states[Connection.NONE]     = 'No network connection';

    			alert('Connection type: ' + states[networkState]);

       	 	}
    	)
	</script>

</head> 
<body> 
<div data-role="page" class="type-home">

	<div data-role="content">
		<div class="content-main">
	
			<div id="jqm-homeheader">
				<h1 id="jqm-logo">
				샘플 메인
				</p>
			</div>

			<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
				<li data-role="list-divider">메뉴 리스트</li>
				<li><a href="../local/menu.html">로컬 데이터 파일</a></li>
				<li><a href="../form/input.html">데이터 입력</a></li>
				<li><a href="../db/input.html">DB 사용</a></li>
				<li><a href="" id="hybrid-call1">Native Call</a></li>
				<li><a href="" id="hybrid-call2">Custom Plugin Call</a></li>
			</ul>
			
		</div><!--/content-main-->	
	</div>
</div>
</body>
</html>